
body, html {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

.leftul h2,h3{
	margin: 0;
    padding: 0;
}

/*定位居中*/
.middle {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.lefta {
    color: #3e3e3e;
    text-decoration: none;
}


.leftul {
    list-style: none;
    margin: 0;
    padding: 0;
}


/*去掉行内替换元素空白缝隙*/
.leftimg {
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none;
    vertical-align: middle;
}



s, i, em, u {
    font-style: normal;
    text-decoration: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/*清除浮动*/
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
    /*IE/7/6*/
}
